<!doctype html>
<html class="no-js" lang="zh" data-attr-t lang-t="lang">
<head>
    <meta charset="utf-8"/>
    <meta name="Author" content="Joker"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
    <link rel="shortcut icon" href="../static/img/icon.ico" type="image/x-icon"/>

    <!--[if lt IE 9]>
    <script src="../static/lib/index/js/google.js"></script>
    <![endif]-->
    <title data-t="pages.index">商户自助服务-掌握最新的行业解决方案</title>
    <link rel="stylesheet" href="../static/lib/index/libs/CSS/ff1.css">
    <link rel="stylesheet" href="../static/lib/index/libs/CSS/public.css">
    <link rel="stylesheet" href="../static/lib/index/libs/CSS/jquery.zySlide.css"/>
    <link rel="stylesheet" href="../static/lib/index/css/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="../static/lib/index/css/index.css"/>
    <meta name="description" content="KUAIFU 商户自助服务 服务云 SDK 让你在 app 和网站中轻松加入服务功能。一次申请开通多个服务渠道，一次接入所有平台和服务方式，一站管理所有交易。"
          content-t="descriptions.index"/>
    <meta name="keywords"
          content="Ping++,pingxx,商户自助服务,服务SDK,服务开发,服务接入,聚合服务,服务,app服务,移动应用服务,服务平台,在线服务,游戏服务,网上服务,网络服务,统一服务平台,手机服务平台,手机服务,手机网上服务,快捷服务,一键服务,电子服务,安全服务,第三方服务接口,服务宝服务,服务宝接口,移动服务,在线服务,第三方服务,服务平台,银联服务,银联在线服务,银联快捷服务,银行服务,网银服务平台,网银服务,pos服务,app服务,服务接口,服务API,服务宝接口,微信服务接口,银联服务接口,服务云服务,微信红包,红包SDK,微信服务,服务宝服务"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <!--[if IE 9]>
    <style>
        .home-content .product-module .outer:last-child {
            padding-left: 10px
        }

        .row {
            margin-left: 18%;

            margin-right: auto !important
        }

        .home-content .product-module {
            margin: 0px;
            margin: 0 18% 19% 0 \0;

        }

        .product-module-item {
            -moz-margin-left: 0;
            margin-left: 18%;
        }

        .countdown-bg,
        .hero-bg {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 309px;
            left: 650px;

            /*-moz-left: 0;*/
            -webkit-left: 0;
            -o-left: 0;
            /*-ms-left:650px\0;*/

            -moz-overflow: hidden;
            -webkit-overflow: hidden;
            -o-overflow: hidden;
            /*-ms-overflow-y: hidden;*/
            /*overflow-x: none\9;?*/
        }

        .row .row {
            margin-left: 9%;
            margin-right: 9%
        }

    </style> <![endif]-->
    <style type="text/css">
        @media screen and (-ms-high-contrast: active),
        (-ms-high-contrast: none) {
            .countdown-bg,
            .hero-bg {
                width: 100%;
                height: 100%;
                position: absolute;
                -webkit-left: 0;
                -o-left: 0;
                top: 0px;
                left: 0px;
                -moz-overflow: hidden;
                -webkit-overflow: hidden;
                -o-overflow: hidden;

            }

            /* for IE10+ 此写法可以适配到高对比度和默认模式，故可覆盖所有ie10的模式 */
            .hero-scene-intro {
                top: -50px;
                /*top: 180px\9\0;*/
                left: 10%;
            }
        }

        .txt {
            font-size: 20px;
        }

        #iphone {
            height: 327px;
        }

        .address img {
            width: 17px;
            float: left;
            display: inline-block !important;
            position: relative;
            top: 4px;
            margin-right: 10px;
        }

        .address a img {
            width: 320px;
            height: 225px;
            margin: 30px 0 40px 0;
        }

        /*.align-center{border-bottom: solid 1px #eee;}*/
        .top-bar ul li a {
            color: #434343;
        }
    </style>
</head>
<body class="" style="min-width: 360px;">
<div class="top-bar-wrapper">
    <div class="row align-center">
        <div class="title-bar show-for-small-only">
            <div class="title-bar-title">
            </div>
            <a id="hamburger" class="title-bar__toggle" target="_blank" data-toggle>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </a>
        </div>
        <div class="small-11 medium-10 large-10 hide-for-small-only">
            <div class="top-bar" style="margin:10px 0 0 10%\0;">
                <div class="top-bar-title">
                    <a href="/" data-attr-t href-t="route.root">
                        <div class="top-bar__logo"></div>
                    </a>
                </div>
                <div class="top-bar-right">
                    <ul class="dropdown menu" data-dropdown-menu>
                        <div class="top-bar-left">
                            <ul class="dropdown menu" data-dropdown-menu>
                                <li class="is-dropdown-submenu-parent">
                                    <ul class="menu vertical">
                                        <li>
                                            <a href="/" data-t="top-nav.account">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/" data-t="top-nav.platform">
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                </li>
                                <li>
                                </li>
                            </ul>
                        </div>
                        <li class="is-dropdown-submenu-parent">
                            <a href="/document" target="_blank" data-t="top-nav.devcenter">开发者中心</a>
                        </li>
                        <li id="in">
                            <a href="/login" data-t="top-nav.login">登录</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="mobile-nav show-for-small-only" id="sidebar-menu">
    <ul>
        <li class="divider">
            <a href="/document" data-t="top-nav.documentation">开发者中心</a>
        </li>
        <li>
            <a href="/login" data-t="top-nav.login">登录</a>
        </li>
    </ul>
</div>
<div class="ui-mask"></div>
<section class="hero fullheight" style="background-color: rgba(255, 255, 255,1);">
    <div class="row align-center">
        <div class="small-12 medium-9 large-9 columns fullheight-column-align">
            <div class="row">
                <div class="small-12 medium-5 columns align-self-middle">
                    <div class="hero-scene-intro">
                        <h1 class="intro" data-t="index.hero.subheading">商户自助服务</h1>
                        <div class="viewport hide-for-small-only">
                            <ul class="hero-scene-text">
                                <li>
                                    <h4 class="title" data-t="index.hero.scene.app">
                                        在任何场景，
                                        <br>向任何人收款。
                                    </h4>
                                </li>
                                <li>
                                    <h4 class="title" data-t="index.hero.scene.transfer">
                                        向个人或企业
                                        <br>付款
                                        <span class="punctuation">、</span>发红包。
                                    </h4>
                                </li>
                                <li>
                                    <h4 class="title" data-t="index.hero.scene.offline">
                                        实现余额
                                        <span class="punctuation">、</span>优惠券
                                        <br>等服务功能。
                                    </h4>
                                </li>
                                <li>
                                    <h4 class="title" data-t="index.hero.scene.web">
                                        管理全平台
                                        <br>的交易和账务。
                                    </h4>
                                </li>
                                <li>
                                    <h4 class="title" data-t="index.hero.scene.app">
                                        在任何场景，
                                        <br>向任何人收款。
                                    </h4>
                                </li>
                            </ul>
                        </div>
                        <h1 class="title show-for-small-only" style="font-size: 20px;">
                            是您体验这个世界的仪轨
                            <br>让您感悟生活的轮廓和价值传递的方式
                        </h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="hero-bg home">
        <div class="row align-right">
            <div class="small-12 medium-7 columns align-self-middle">
                <div class="line-box-wrap">
                    <div class="line-box-viewport">
                        <div class="line-boxes">
                            <div class="box web"></div>
                            <div class="box apple-pay"></div>
                            <div class="box hongbao"></div>
                            <div class="box web"></div>
                            <div class="box apple-pay"></div>
                            <div class="box hongbao"></div>
                            <div class="box qr"></div>
                        </div>
                        <div class="scene-slider-wrap">
                            <div class="iphone-hand-bg"></div>
                            <div class="device-iphone6" id="iphone6">
                                <div class="topbar">
                                    <span class="camera"></span>
                                    <span class="speaker-before"></span>
                                    <span class="speaker"></span>
                                </div>
                                <span class="home"></span>
                                <div class="screen">
                                    <div class="scene-viewport">
                                        <div class="scene-viewes">
                                            <div class="scene apple-pay"></div>
                                            <div class="scene hongbao"></div>
                                            <div class="scene qr"></div>
                                            <div class="scene web"></div>
                                            <div class="scene apple-pay"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="home-content">
    <section class="home-main-con">
        <div class="row align-center product-module">
            <div class="small-12 medium-10 large-10" style="margin-bottom: 0;border-top:solid 1px #eee ;">
                <div class="row align-center">
                    <div class="small-12 medium-6 large-6 outer" id="product-c"
                         style=" width: 100% !important; -ms-width: 100% !important;">
                        <div class="product-module-item" style="margin-top: 88px;border-bottom: solid 1px #eee ;">
                            <p class="txt">服务不止是一次简单的交易，服务不再是冰冷的数据和枯燥的报表</p>
                            <div class="jiaoY">
                                <div class="jiaoCl">
                                    <img src="../static/lib/index/img/c-13.png" style="width: 65px;"/>
                                </div>
                                <div class="jiaoCr">
                                    <h6>不介入资金流</h6>
                                    <p>商户自助平台</p>
                                    <p>只负责交易处理</p>
                                    <p>不参与资金清算</p>
                                </div>
                            </div>
                            <div class="jiaoY">
                                <div class="jiaoCl">
                                    <img src="../static/lib/index/img/c-11.png" style="width: 65px;"/>
                                </div>
                                <div class="jiaoCr">
                                    <h6>接入便利</h6>
                                    <p>全平台SKD让你最小化</p>
                                    <p>介入服务的时间与人力</p>
                                </div>
                            </div>
                            <div class="jiaoY">
                                <div class="jiaoCl">
                                    <img src="../static/lib/index/img/c-15.png" style="width: 65px;"/>
                                </div>
                                <div class="jiaoCr">
                                    <h6>安全保证</h6>
                                    <p>全地三中心容灾系统</p>
                                    <p>确保服务稳定</p>
                                    <p>最快完成交易</p>
                                </div>
                            </div>
                            <div class="jiaoY">
                                <div class="jiaoCl">
                                    <img src="../static/lib/index/img/c-12.png" style="width: 65px;"/>
                                </div>
                                <div class="jiaoCr">
                                    <h6>稳定可靠</h6>
                                    <p>所有数据的传输和存储</p>
                                    <p>符合金融级别的安全标准</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row align-center" id="foorm_a">
                    <div class="small-12 medium-6 large-6 outer" style="margin-bottom: 0; width: 100% !important;">
                        <div class="product-module-item" style="border-radius:10px ; margin: 120px 0 100px 0;">
                            <p class="txt" style="margin-bottom: 80px;">多级商户场景的服务解决方案，灵活实现多级商户的分润管理</p>
                            <div class="jiaoYr">
                                <div id="Slide1" class="zy-Slide" style="margin: 0; padding: 0 ">
                                    <ul style="margin: 0;height: 100%; margin: 0 auto;">
                                        <li>
                                            <img src="../static/lib/index/img/2w_11.png"/>
                                        </li>
                                        <li>
                                            <img src="../static/lib/index/img/a_96.png"/>
                                        </li>
                                        <img id="iphone6_img" src="../static/lib/index/img/iphong8-4.png"/>
                                        <li>
                                            <img src="../static/lib/index/img/tou.png"/>
                                        </li>
                                        <li>
                                            <img src="../static/lib/index/img/km-2.png"/>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="jiaoYl">
                                <h4>自助平台</h4>
                                <p>
                                    聚合多种主流服务方式，为商户提供完美解决方案， 一次对接，
                                </p>
                                <p>一个接单，一个平台解决所有服务问题</p>
                            </div>
                            <div class="jiaoYl">
                                <h4>管理平台</h4>
                                <p>简单易用的管理平台，快速概览当日的交易状况</p>
                                <p>财务负责人可以集中进行跨渠道的交易管理，查账对账，数据分析，输出报表</p>
                                <p>开放多角色的职能权限设置，方便开发，运营和财务高效协作</p>
                            </div>
                            <div class="jiaoYr" id="Yr">
                                <img src="../static/lib/index/img/kc4-13.png" id="kc_img"/>
                                <div id="Yr_box">
                                    <div id="Yr_"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div id="trigger3" class="spacer s0"></div>
</div>


<script src="../static/lib/index/libs/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/lib/index/libs/js/jquery.zySlide.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/lib/index/js/index.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/lib/index/js/animation.js"></script>
</body>
</html>